<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单元素</title>
</head>
<body>
注册页面
<!--form 表单要提交到的地方action-->
<!--method form 提交方式-->
<!--?userName=111&password=222&passwordok=333-->
<!-- get url 参数可见，不安全     get 有数据长度限制-->
<!-- post url 参数不可见，安全    post 无数据长度限制-->
<form method="get" action="注册成功.html" >
    <table border="1">
        <tr>
            <td><label for="userName">用户名:</label></td>
            <td>
                <!--    key value            文本框-->
                <!--       userName=123456         -->
                <input required placeholder="请输入用户名称" id="userName" name="userName" type="text" size="25" maxlength="6"  >
            </td>
        </tr>
        <tr>
            <td>密码:</td>
            <td>
                <!--               密码框-->
                <input required placeholder="请输入用户密码" name="password" type="password" >
            </td>
        </tr>
        <tr>
            <td>确认密码:</td>
            <td>
                <!--                 密码框-->
                <input name="passwordok" type="password" >
            </td>
        </tr>
        <tr>
            <td>爱好</td>
            <td>
               <input checked="checked" name="hobby1" type="checkbox" value="lq" />篮球
               <input name="hobby2" type="checkbox" value="ppq" />乒乓球
               <input name="hobby3" type="checkbox" value="yy" />游泳
            </td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input checked name="sex" type="radio" value="女" />女
                <input name="sex" type="radio" value="男" />男
            </td>
        </tr>
        <tr>
            <td>头像</td>
            <td>
                <input  name="logo" type="file" />
            </td>
        </tr>
        <tr>
            <td>按钮</td>
            <td>
               <input type="image" src="image/img1.png" width="80px" />
               <input type="button" value="普通按钮" disabled="disabled" />
            </td>
        </tr>
        <tr>
            <td>邮箱</td>
            <td>
               <input name="email" type="email" />
            </td>
        </tr>
        <tr>
            <td>个人主页</td>
            <td>
                <input name="url" type="url" />
            </td>
        </tr>
        <tr>
            <td>数字</td>
            <td>
                <input name="number" type="number"  min="0" max="100" step="10"/>
            </td>
        </tr>
        <tr>
            <td>滑块</td>
            <td>
                <input name="range" type="range" min="0" max="10" step="2" />
            </td>
        </tr>
        <tr>
            <td>搜索框</td>
            <td>
                <input name="search" type="search" />
            </td>
        </tr>
        <tr>
            <td>下拉框/下拉列表</td>
            <td>
                <select name="major">
                    <option>请选择</option>
                    <option value="0111"  selected >土木工程</option>
                    <option value="0222">软件工程</option>
                    <option value="0333">自媒体</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>多行文本框/域</td>
            <td>
                <textarea cols="30" rows="5" readonly="readonly">
                    最终解释权归本公司所有。
                </textarea>
            </td>
        </tr>
        <tr>
            <td>隐藏域</td>
            <td>
                <!--                隐藏域-->
               <input name="hidden" value="hidden" type="hidden" />
            </td>
        </tr>
        <tr>
            <td>手机号</td>
            <td>
                <!--                隐藏域-->
                <input name="tel" type="text" pattern="^1[3578]\d{9}" />
            </td>
        </tr>
        <tr>
            <td><input type="submit" value="注册" /></td>
            <td>
                <!--                 密码框-->
                <input type="reset" value="重置" />
            </td>
        </tr>
    </table>

</form>
</body>
</html>